<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>UI自动化测试平台</title>
    <link href="../static/js/jquery-sdpagination.js/dist/sdpagination.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../static/css/amazeui.css"/>
    <!--    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">-->
    <link rel="stylesheet" href="../static/css/core.css"/>
    <link rel="stylesheet" href="../static/css/menu.css"/>
    <link rel="stylesheet" href="../static/css/index.css"/>
    <link rel="stylesheet" href="../static/css/admin.css"/>
    <link rel="stylesheet" href="../static/css/page/typography.css"/>
    <link rel="stylesheet" href="../static/css/page/form.css"/>
    <link rel="stylesheet" type="text/css" href="../static/css/bootstrap.min.css">
    <script type="text/javascript" language="javascript" src="../static/js/bootstrapPager.js"></script>
    <script src="../static/js/jquery.min.js"></script>
    <script src="../static/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../static/js/table_complete.js"></script>


</head>
<body>
<!-- Begin page -->
<header class="am-topbar am-topbar-inverse admin-header am-topbar-fixed-top">
    <div class="navbar-wrapper">
        <div class="container-fluid" style="padding-left:0;padding-right:0">

            <nav class="navbar navbar-inverse navbar-static-top">
                <div class="container" style="margin-left:0px">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                                data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand" href="http://127.0.0.1:5000/">UI自动化测试平台</a>
                    </div>
                    <div id="navbar" class="navbar-collapse collapse">

                        <ul class="nav navbar-nav">
                            <li class="droupdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                   aria-haspopup="true" aria-expanded="false">项目分类 <span class="caret"></span></a>
                                <ul class="dropdown-menu">
                                    <!--<li><a href="http://localhost:7100" target="_blank">测试手机管理平台</a></li>-->
                                    <li><a href="/">中台项目</a></li>
                                    <!--                        target="_blank"表示重新开启一个页面而不是跳转-->
                                    <!--                      <li><a href="#" target="_blank">erp项目</a></li>-->
                                </ul>
                            </li>

                            <li class="droupdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                   aria-haspopup="true" aria-expanded="false">帮助 <span class="caret"></span></a>
                                <ul class="dropdown-menu">
                                    <li><a href="download/自动化平台-UI自动化测试平台操作说明.doc" download="自动化平台-UI自动化测试平台操作说明.doc"
                                           target="_blank">UI平台操作手册</a></li>
                                </ul>
                            </li>

                        </ul>
                    </div>
                </div>
            </nav>

        </div>
    </div>
</header>
<!-- end page -->

<div class="admin">

    <div class="admin-sidebar am-offcanvas  am-padding-0" style="z-index:0" id="admin-offcanvas">
        <div class="am-offcanvas-bar admin-offcanvas-bar">
            <h3 class="project">中台项目</h3>
            <ul class="am-list admin-sidebar-list">
                <li><a href="index"><span class="am-icon-home"></span> 数据详情</a></li>
                <li class="admin-parent">
                    <a class="am-cf" data-am-collapse="{target: '#collapse-nav1'}"><span class="am-icon-table"></span>
                        任务 <span class="am-icon-angle-right am-fr am-margin-right"></span></a>
                    <ul class="am-list am-collapse admin-sidebar-sub am-in" id="collapse-nav1">
                        <!--                        <li><a href="table_basic.html" class="am-cf"> 基本表格</span></a></li>-->
                        <li><a href="table_complete">任务列表</a></li>
                    </ul>
                </li>

            </ul>
        </div>
    </div>
    <!-- sidebar end -->

    <div class="content-page">
        <input type="text" name="PageIndex" id="PageIndex" value="1" style="display: none"/>
        <!-- Start content -->
        <div class="content">
            <div class="card-box">
                <!-- Row start -->
                <div class="am-g">
                    <div class="am-u-sm-12 am-u-md-6">
                        <div class="am-btn-toolbar">
                            <div class="am-btn-group am-btn-group-xs">
                                <button type="button" class="am-btn am-btn-default" data-toggle="modal"
                                        data-target="#myModal"><span class="am-icon-plus"></span> 新增
                                </button>
                                <!-- 模态框（Modal） -->
                                <div class="modal fade" id="myModal" tabindex="-1" role="dialog"
                                     aria-labelledby="myModalLabel" aria-hidden="true">
                                    <div class="modal-dialog" style="width:1200px; margin-top: 60px">
                                        <div class="modal-content" style="padding:50px">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal"
                                                        aria-hidden="true">
                                                    &times;
                                                </button>
                                                <h4 class="modal-title" id="myModalLabel">
                                                    添加业务信息
                                                </h4>
                                            </div>
                                            <div class="modal-body">
                                                <div class="form-horizontal" role="form" id="business_form">
                                                    <form class="form-horizontal" role="form">
                                                        <div class="row">
                                                            <div class="col-md-6" style="padding-right: 0">
                                                                <div class="col-md-3"
                                                                     style="padding-right: 0; padding-left: 3px">
                                                                    <div class="form-group">
                                                                        <label for="firstname"
                                                                               class="control-label col-md-5"
                                                                               style="padding: 0; padding-top: 7px">业务名称</label>
                                                                        <div class="col-md-7">
                                                                            <input type="text" class="form-control"
                                                                                   id="business" name="business"
                                                                                   placeholder="">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-3"
                                                                     style="padding-right: 0; padding-left: 3px">
                                                                    <div class="form-group">
                                                                        <label for="firstname"
                                                                               class="control-label col-md-5"
                                                                               style="padding: 0; padding-top: 7px">登录地址</label>
                                                                        <div class="col-md-7">
                                                                            <input type="text" class="form-control"
                                                                                   id="url" name="url" placeholder="">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-3"
                                                                     style="padding-right: 0; padding-left: 3px">
                                                                    <div class="form-group">
                                                                        <label for="firstname"
                                                                               class="control-label col-md-5"
                                                                               style="padding: 0; padding-top: 7px">操作方式</label>
                                                                        <div class="col-md-7">
                                                                            <select id="doc-select-1"
                                                                                    class=" form-control"
                                                                                    style="max-width:100%"
                                                                                    name="operate">
<!--                                                                                出现换行的问题是以为格式化的时候</option>自动到了下一行-->
                                                                                <option value="option1"></option>
                                                                                <option value="option2">click</option>
                                                                                <option value="option3">send_keys</option>
                                                                                <option value="option4">switch_iframe</option>
                                                                                <option value="option5">switch_default</option>
                                                                                <option value="option6">check_text</option>
                                                                                <option value="option7">check_notNone</option>
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-3"
                                                                     style="padding-right: 0; padding-left: 3px">
                                                                    <div class="form-group">
                                                                        <label for="firstname"
                                                                               class="control-label col-md-5"
                                                                               style="padding: 0; padding-top: 7px">获取方式</label>
                                                                        <select id="doc-select-1"
                                                                                class="am-u-md-7 form-control"
                                                                                style="max-width:40%" name="find_type">
                                                                            <option value="option1"></option>
                                                                            <option value="option2">xpath</option>
                                                                            <option value="option3">id</option>
                                                                            <option value="option4">classname</option>
                                                                            <option value="option5">linktext</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6"
                                                                 style="padding-right: 0; padding-left: 0px">
                                                                <div class="col-md-3"
                                                                     style="padding-right: 0; padding-left: 3px">
                                                                    <div class="form-group">
                                                                        <label for="firstname"
                                                                               class="control-label col-md-5"
                                                                               style="padding: 0; padding-top: 7px">元素取值</label>
                                                                        <div class="col-md-7">
                                                                            <input type="text" class="form-control"
                                                                                   id="element" name="element"
                                                                                   placeholder="">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-3"
                                                                     style="padding-right: 0; padding-left: 3px">
                                                                    <div class="form-group">
                                                                        <label for="firstname"
                                                                               class="control-label col-md-5"
                                                                               style="padding: 0; padding-top: 7px">输入内容</label>
                                                                        <div class="col-md-7">
                                                                            <input type="text" class="form-control"
                                                                                   id="content" name="content"
                                                                                   placeholder="">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-3"
                                                                     style="padding-right: 0; padding-left: 3px">
                                                                    <div class="form-group">
                                                                        <label for="firstname"
                                                                               class="control-label col-md-5"
                                                                               style="padding: 0; padding-top: 7px">等待时间</label>
                                                                        <div class="col-md-7">
                                                                            <input type="text" class="form-control"
                                                                                   id="wait_time" name="wait_time"
                                                                                   placeholder="">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-3"
                                                                     style="padding-right: 0; padding-left: 3px">
                                                                    <div class="form-group">
                                                                        <label for="firstname"
                                                                               class="control-label col-md-5"
                                                                               style="padding: 0; padding-top: 7px">操作说明</label>
                                                                        <div class="col-md-7">
                                                                            <input type="text" class="form-control"
                                                                                   id="operate_info" name="operate_info"
                                                                                   placeholder="">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </form>

                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-default" data-dismiss="" name="add"
                                                        id="add">添加
                                                </button>
<!--                                                                                                粘贴以后实现-->
                                                                                                <button id="edit_paste" type="button" class="btn btn-default" data-dismiss=""
                                                                                                        name="paste">粘贴
                                                                                                </button>
<!--                                                                                                删除以后实现-->
<!--                                                                                                <button id="delete" type="button" class="btn btn-default" data-dismiss=""-->
<!--                                                                                                        name="delete">删除-->
<!--                                                                                                </button>-->
                                                <button type="button" class="btn btn-primary" data-dismiss="modal"
                                                        name="submit" id="submit">提交
                                                </button>
                                            </div>
                                        </div><!-- /.modal-content -->
                                    </div><!-- /.modal -->
                                </div>
<!--                                                                    以后实现-->
                                                                <button type="button" class="am-btn am-btn-default"><span
                                                                        class="glyphicon glyphicon-triangle-right"></span> 运行
                                                                </button>
                                                                <button type="button" class="am-btn am-btn-default"><span
                                                                        class="am-icon-trash-o"></span> 删除
                                                                </button>
                            </div>
                        </div>
                    </div>

                    <div class="am-u-sm-12 am-u-md-3">
                        <div class="am-input-group am-input-group-sm">
                            <!--                            <input type="text" class="am-form-field">-->
                            <!--                            <span class="am-input-group-btn">-->
                            <!--                                搜索以后实现-->
                            <!--				            <button class="am-btn am-btn-default" type="button">搜索</button>-->
                            </span>
                        </div>
                    </div>
                </div>
                <!-- Row end -->

                <!-- Row start -->
                <div class="am-g">
                    <div class="am-u-sm-12">
                        <form class="am-form">
                            <table class="am-table am-table-striped am-table-hover table-main">
                                <thead>
                                <tr>
                                    <th class="table-check"><input id="all" type="checkbox"/></th>
                                    <th class="table-id">序号</th>
                                    <th class="table-title">任务名称</th>
                                    <th class="table-type">所属项目</th>
                                    <th class="table-author am-hide-sm-only">创建人</th>
                                    <th class="table-date am-hide-sm-only">创建时间</th>
                                    <th class="table-set">操作</th>
                                    <th class="table-set">结果</th>
                                </tr>
                                </thead>
                                <tbody id="tbody">
                                </tbody>
                            </table>
                            <div class="am-cf">
                                <span id="sum"></span>
                                <div id="PagerContainer7"></div>
                            </div>
                        </form>
                    </div>

                </div>
                <!-- Row end -->

            </div>


        </div>


    </div>
</div>
</div>
</div>


<!-- navbar -->
<a href="admin-offcanvas" class="am-icon-btn am-icon-th-list am-show-sm-only admin-menu"
   data-am-offcanvas="{target: '#admin-offcanvas'}"><!--<i class="fa fa-bars" aria-hidden="true"></i>--></a>

<script type="text/javascript" src="../static/js/jquery-2.1.0.js"></script>
<script type="text/javascript" src="../static/js/amazeui.min.js"></script>
<script type="text/javascript" src="../static/js/blockUI.js"></script>
<script src="../static/js/jquery-sdpagination.js/dist/jquery-sdpagination.min.js"></script>


</body>

</html>
